<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Basic_information</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="../static/resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="../static/data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="../static/files/basic_information/styles.css" type="text/css" rel="stylesheet"/>
    <link href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" type="text/css" rel="stylesheet"/>
    <script src="../static/resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="../static/resources/scripts/axure/axQuery.js"></script>
    <script src="../static/resources/scripts/axure/globals.js"></script>
    <script src="../static/resources/scripts/axutils.js"></script>
    <script src="../static/resources/scripts/axure/annotation.js"></script>
    <script src="../static/resources/scripts/axure/axQuery.std.js"></script>
    <script src="../static/resources/scripts/axure/doc.js"></script>
    <script src="../static/resources/scripts/messagecenter.js"></script>
    <script src="../static/resources/scripts/axure/events.js"></script>
    <script src="../static/resources/scripts/axure/recording.js"></script>
    <script src="../static/resources/scripts/axure/action.js"></script>
    <script src="../static/resources/scripts/axure/expr.js"></script>
    <script src="../static/resources/scripts/axure/geometry.js"></script>
    <script src="../static/resources/scripts/axure/flyout.js"></script>
    <script src="../static/resources/scripts/axure/model.js"></script>
    <script src="../static/resources/scripts/axure/repeater.js"></script>
    <script src="../static/resources/scripts/axure/sto.js"></script>
    <script src="../static/resources/scripts/axure/utils.temp.js"></script>
    <script src="../static/resources/scripts/axure/variables.js"></script>
    <script src="../static/resources/scripts/axure/drag.js"></script>
    <script src="../static/resources/scripts/axure/move.js"></script>
    <script src="../static/resources/scripts/axure/visibility.js"></script>
    <script src="../static/resources/scripts/axure/style.js"></script>
    <script src="../static/resources/scripts/axure/adaptive.js"></script>
    <script src="../static/resources/scripts/axure/tree.js"></script>
    <script src="../static/resources/scripts/axure/init.temp.js"></script>
    <script src="../static/resources/scripts/axure/legacy.js"></script>
    <script src="../static/resources/scripts/axure/viewer.js"></script>
    <script src="../static/resources/scripts/axure/math.js"></script>
    <script src="../static/resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="../static/data/document.js"></script>
    <script src="../static/files/basic_information/data.js"></script>
    <script type="text/javascript">
        $axure.utils.getTransparentGifPath = function () {
            return '../static/resources/../static/images/transparent.gif';
        };
        $axure.utils.getOtherPath = function () {
            return '../static/resources/Other.html';
        };
        $axure.utils.getReloadPath = function () {
            return '../static/resources/reload.html';
        };

        function ProcessFile(e) {

            var file = document.getElementById('file').files[0];

            if (file) {

                var reader = new FileReader();

                reader.onload = function (event) {

                    var txt = event.target.result;


                    var img = document.createElement("img");

                    img.src = txt;//将图片base64字符串赋值给img的src
                    img.style.height = '150px';
                    img.style.width = '200px';
                    img.style.zIndex = '10';
                    // console.log(txt);

                    document.getElementById("result").appendChild(img);

                };

            }

            reader.readAsDataURL(file);

        }


        function contentLoaded() {

            document.getElementById('file').addEventListener('change',

                ProcessFile, false);

        }


        window.addEventListener("DOMContentLoaded", contentLoaded, false);
    </script>
</head>
<body>
<script type="text/javascript" th:inline="javascript">
    function addEvent(obj, evt, fn) {
        var saved;
        if (typeof obj["on" + evt] == "function") {
            saved = obj["on" + evt];
        }
        obj["on" + evt] = function () {
            if (saved) saved();
            fn();
        }
    }

    function f1() {
        var name = localStorage.getItem("username");
        document.getElementById('pp').href = "/pCenter/" + name;
        document.getElementById('person').href = "/pInformation/" + name;
        if (name != null) {
            document.getElementById("u1413_input").value = name;
            document.getElementById("ruserid").value = name;
            document.getElementById("spanName").innerText = name;
        }
    }

    addEvent(window, 'load', f1);
</script>
<div id="base" class="">

    <!-- Unnamed (组合) -->
    <div id="u1402" class="ax_default" data-left="30" data-top="120" data-width="1200" data-height="874">

        <!-- Unnamed (矩形) -->
        <div id="u1403" class="ax_default _默认样式">
            <div id="u1403_div" class=""></div>
            <div id="u1403_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1404" class="ax_default _默认样式">
            <div id="u1404_div" class=""></div>
            <div id="u1404_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>
    </div>

    <!-- Unnamed (矩形) -->
    <div id="u1405" class="ax_default _默认样式">
        <div id="u1405_div" class=""></div>
        <div id="u1405_text" class="text ">
            <p style="font-size:18px;"><span
                    style="font-size:14px;text-decoration:none;color:rgba(255, 201, 166, 0.847058823529412);">▋</span><span
                    style="font-size:16px;text-decoration:none;"> </span><span
                    style="text-decoration:none;">基本资料</span></p>
        </div>
    </div>

    <!-- Unnamed (矩形) -->
    <div id="u1406" class="ax_default _默认样式">
        <div id="u1406_div" class=""></div>
        <div id="u1406_text" class="text ">
            <p><span style="text-decoration:none;">账号:</span></p>
        </div>
    </div>
    <form th:action="@{/updateUser}" method="post" enctype="multipart/form-data">
        <!-- Unnamed (矩形) -->
        <div id="u1407" class="ax_default _默认样式">
            <div id="u1407_div" class=""></div>
            <div id="u1407_text" class="text ">
                <p><span style="text-decoration:none;">签名:</span></p>
            </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1408" class="ax_default _默认样式">
            <div id="u1408_div" class=""></div>
            <div id="u1408_text" class="text ">
                <p><span style="text-decoration:none;">性别:</span></p>
            </div>
        </div>

        <!-- 修改头像按钮 (矩形) -->
        <div id="u1409" class="ax_default _默认样式" data-label="修改头像按钮">


            <input type="file" id="file" name="file"/>
        </div>


        <!-- Unnamed (矩形) -->
        <div id="u1410" class="ax_default _默认样式">
            <div id="u1410_div" class=""></div>
            <div id="u1410_text" class="text ">
                <p><span style="text-decoration:none;">城市:</span></p>
            </div>
        </div>
        <!-- 保存按钮 (矩形) -->
        <div id="u1411" class="ax_default _默认样式" data-label="保存按钮">

            <div id="u1411_text" class="text ">
                <p><span style="text-decoration:none;"><button id="u1411_div" style="text-decoration:none;"
                                                               type="button"
                                                               name="add">保存</button></span></p>
            </div>
            <script>
                u1411_div.onclick = function () {
                    if (localStorage.getItem("boolean1") == "true" && localStorage.getItem("boolean2") == "true") {
                        document.getElementById('u1411_div').type = "submit";
                    }
                }
            </script>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1412" class="ax_default _默认样式">
            <div id="u1412_div" class=""></div>
            <div id="u1412_text" class="text ">
                <p><span style="text-decoration:none;">生日:</span></p>
            </div>
        </div>

        <!-- Unnamed (文本框(单行)) -->
        <div id="u1413" class="ax_default _默认样式 disabled">
            <div id="u1413_div" class="disabled"></div>
            <input id="u1413_input" type="text" value="西瓜沁" class="u1413_input" disabled maxlength="20"/>
        </div>


        <!-- 个性签名输入框 (文本框(单行)) -->
        <div id="u1414" class="ax_default _默认样式" data-label="个性签名输入框">
            <div id="u1414_div" class=""></div>
            <input id="u1414_input" name="signature" type="text" value="" class="u1414_input" maxlength="20"
                   th:text="${u.getSignature()}"/>
        </div>


        <!-- Unnamed (组合) -->
        <div id="u1415" class="ax_default" data-left="390" data-top="383" data-width="320" data-height="35">

            <!-- 男 (矩形) -->
            <div id="u1416" class="ax_default _默认样式" data-label="男" selectiongroup="单选按钮组3" value="Male">
                <div id="u1416_div" class=""></div>
                <div id="u1416_text" class="text ">
                    <p><span style="text-decoration:none;" id="man">男性 </span></p>
					<script>
                        document.getElementById('u1416').onmousedown=function () {
                                    document.getElementById("rsex").value = "男";
                                }

					</script>
                </div>
            </div>

            <!-- 女 (矩形) -->
            <div id="u1417" class="ax_default _默认样式" data-label="女" selectiongroup="单选按钮组3" value="female">
                <div id="u1417_div" class=""></div>
                <div id="u1417_text" class="text ">
                    <p><span style="text-decoration:none;">女性 </span></p>
                    <script>
                        document.getElementById('u1417').onmousedown=function () {
                            document.getElementById("rsex").value = "女";
                        }

                    </script>
                </div>
            </div>
            <!-- 保密 (矩形) -->
            <div id="u1418" class="ax_default _默认样式" data-label="保密" selectiongroup="单选按钮组3"
                 value="confidentiality">
                <div id="u1418_div" class=""></div>
                <div id="u1418_text" class="text ">
                    <p><span style="text-decoration:none;">保密</span></p>
                    <script>
                        document.getElementById('u1418').onmousedown=function () {
                            document.getElementById("rsex").value = "保密";
                        }

                    </script>
                </div>
            </div>
        </div>
        <input id="rsex" name="rsex" style="display: none"></input>

        <!-- Unnamed (矩形) -->
        <div id="u1419" class="ax_default _默认样式">
            <div id="u1419_div" class=""></div>
            <div id="u1419_text" class="text ">
                <p><span style="text-decoration:none;">基础信息</span></p>
            </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1420" class="ax_default _默认样式">
            <div id="u1420_div" class=""></div>
            <div id="u1420_text" class="text ">
                <p><span style="text-decoration:none;">院校:</span></p>
            </div>
        </div>
        <!-- 院校输入框 (文本框(单行)) -->
        <div id="u1421" class="ax_default _默认样式" data-label="院校输入框">
            <div id="u1421_div" class=""></div>
            <input id="u1421_input" name="college" type="text" value="" class="u1421_input" maxlength="20"
                   th:text="${u.getSchool()}"/>
        </div>
        <!-- Unnamed (矩形) -->
        <div id="u1422" class="ax_default _默认样式">
            <div id="u1422_div" class=""></div>
            <div id="u1422_text" class="text ">
                <p><span style="text-decoration:none;">入学时间:</span></p>
            </div>
        </div>

        <!-- 个人简介输入框 (组合) -->
        <div id="u1423" class="ax_default" data-label="个人简介输入框" data-left="390" data-top="684" data-width="350"
             data-height="150">
            <!-- 文本域 (文本框(多行)) -->
            <div id="u1424" class="ax_default _默认样式" data-label="文本域">
                <div id="u1424_div" class=""></div>
                <textarea id="u1424_input" name="cpProfile" class="u1424_input"></textarea>
            </div>
            <!-- 文字计数 (矩形) -->
            <div id="u1425" class="ax_default _默认样式" data-label="文字计数">
                <div id="u1425_div" class=""></div>
                <div id="u1425_text" class="text ">
                    <p><span style="text-decoration:none;">&nbsp;已输入0/100</span></p>
                </div>
            </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1426" class="ax_default _默认样式">
            <div id="u1426_div" class=""></div>
            <div id="u1426_text" class="text ">
                <p><span style="text-decoration:none;">个人简介:</span></p>
            </div>
        </div>

        <!-- 全局提示 (动态面板) -->

        <!-- 内容对话框 (动态面板) -->

        <!-- Unnamed (用户中心) -->

        <!-- 账号按钮 (矩形) -->
        <div id="u1452" class="ax_default _默认样式" data-label="账号按钮">
            <div id="u1452_div" class=""></div>
            <div id="u1452_text" class="text ">
                <p><span style="text-decoration:none;">账号安全</span></p>
            </div>
        </div>

        <!-- 个人资料按钮 (矩形) -->
        <div id="u1453" class="ax_default _默认样式" data-label="个人资料按钮">
            <div id="u1453_div" class=""></div>
            <div id="u1453_text" class="text ">
                <p><span style="text-decoration:none;"><a id="person">个人资料</a></span></p>
            </div>
        </div>

        <!-- 用户名 (矩形) -->
        <div id="u1454" class="ax_default _默认样式" data-label="用户名">
            <img id="u1454_img" class="img " src="../static/images/basic_information/用户名_u1454.svg"/>
            <div id="u1454_text" class="text ">
                <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;text-decoration:none;"
                         id="spanName">aa</span>
                </p>
                <p><span style="font-family:'微软雅黑';font-weight:400;text-decoration:none;color:#999999;"><br></span>
                </p>
            </div>
        </div>

        <!-- 学生认证按钮 (矩形) -->
        <div id="u1455" class="ax_default _默认样式" data-label="学生认证按钮">
            <div id="u1455_div" class=""></div>
            <div id="u1455_text" class="text ">
                <p><span style="text-decoration:none;">学生认证</span></p>
            </div>
        </div>

        <!-- 我的信息按钮 (矩形) -->
        <div id="u1456" class="ax_default _默认样式" data-label="我的信息按钮">
            <div id="u1456_div" class=""></div>
            <div id="u1456_text" class="text ">
                <p><span style="text-decoration:none;"><a id="pp">我的信息</a></span></p>
            </div>
        </div>

        <!-- 我的消息按钮 (矩形) -->
        <div id="u1457" class="ax_default _默认样式" data-label="我的消息按钮">
            <div id="u1457_div" class=""></div>
            <div id="u1457_text" class="text ">
                <p><span style="text-decoration:none;">我的消息</span></p>
            </div>
        </div>

        <!-- 我的共享按钮 (矩形) -->
        <div id="u1458" class="ax_default _默认样式" data-label="我的共享按钮">
            <div id="u1458_div" class=""></div>
            <div id="u1458_text" class="text ">
                <p><span style="text-decoration:none;">我的共享</span></p>
            </div>
        </div>

        <!-- 个人中心头像 (矩形) -->
        <div id="u1459" class="ax_default _默认样式" data-label="个人中心头像">
            <img id="u1459_img" class="img " th:src="${'/static/images/new/'+u.getImage()}"
                 src="../static/images/basic_information/个人中心头像_u1459.svg"/>
            <div id="u1459_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>
        <div id="u1451" style="display:none; visibility:hidden;"></div>

        <!-- Unnamed (精简顶部) -->

        <!-- 顶部背景 (动态面板) -->
        <div id="u1461" class="ax_default" data-label="顶部背景">
            <div id="u1461_state0" class="panel_state" data-label="State1" style="">
                <div id="u1461_state0_content" class="panel_state_content">

                    <!-- 阴影 (动态面板) -->
                    <div id="u1462" class="ax_default" data-label="阴影">
                        <div id="u1462_state0" class="panel_state" data-label="State1" style="">
                            <div id="u1462_state0_content" class="panel_state_content">
                            </div>
                        </div>
                    </div>

                    <!-- 背景 (动态面板) -->
                    <div id="u1463" class="ax_default" data-label="背景">
                        <div id="u1463_state0" class="panel_state" data-label="State1" style="">
                            <div id="u1463_state0_content" class="panel_state_content">
                            </div>
                        </div>
                    </div>

                    <!-- 菜单 (动态面板) -->
                    <div id="u1464" class="ax_default" data-label="菜单">
                        <div id="u1464_state0" class="panel_state" data-label="State1" style="">
                            <div id="u1464_state0_content" class="panel_state_content">

                                <!-- Unnamed (矩形) -->
                                <div id="u1465" class="ax_default _默认样式">
                                    <div id="u1465_div" class=""></div>
                                    <div id="u1465_text" class="text ">
                                        <p><span style="text-decoration:none;"><a
                                                th:href="@{'/home_page/0'}">网站首页</a></span></p>
                                    </div>
                                </div>

                                <!-- Unnamed (矩形) -->
                                <div id="u1466" class="ax_default _默认样式">
                                    <div id="u1466_div" class=""></div>
                                    <div id="u1466_text" class="text ">
                                        <p><span style="text-decoration:none;"><a
                                                th:href="@{'/feedback'}">意见反馈</a></span></p>
                                    </div>
                                </div>

                                <!-- Unnamed (矩形) -->
                                <div id="u1467" class="ax_default _默认样式">
                                    <div id="u1467_div" class=""></div>
                                    <div id="u1467_text" class="text ">
                                        <p><span style="text-decoration:none;"><a
                                                th:href="@{'/lNotice'}">最新通告</a></span></p>
                                    </div>
                                </div>

                                <!-- Unnamed (矩形) -->
                                <div id="u1468" class="ax_default _默认样式">
                                    <div id="u1468_div" class=""></div>
                                    <div id="u1468_text" class="text ">
                                        <p><span style="text-decoration:none;"><a
                                                th:href="@{'/lNews'}">最新消息</a></span></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Unnamed (组合) -->
                    <div id="u1469" class="ax_default" data-left="44" data-top="0" data-width="45" data-height="50">

                        <!-- Unnamed (矩形) -->
                        <div id="u1470" class="ax_default _默认样式">
                            <div id="u1470_div" class=""></div>
                            <div id="u1470_text" class="text " style="display:none; visibility: hidden">
                                <p></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="u1460" style="display:none; visibility:hidden;"></div>

        <!--			 头像图片 (矩形) -->
        <div id="u1471" class="ax_default _默认样式" data-label="头像图片">
            <div id="result" class=""></div>
            <div id="u1471_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (精简底部) -->

        <!-- Unnamed (矩形) -->
        <div id="u1473" class="ax_default _默认样式">
            <img id="u1473_img" class="img " src="../static/images/registration/u976.svg"/>
            <div id="u1473_text" class="text ">
                <p><span style="text-decoration:none;">Copyright © Enjoy the way All Rights Reserved.</span></p>
                <p><span style="text-decoration:none;">分享好物尽在享道</span></p>
            </div>
        </div>
        <div id="u1472" style="display:none; visibility:hidden;"></div>

        <!-- 入学时间输入框 (文本框(单行)) -->
        <div id="u1474" class="ax_default _默认样式" data-label="入学时间输入框">
            <div id="u1474_div" class=""></div>
            <input id="u1474_input" name="time" type="text" value="" class="u1474_input" maxlength="20"
                   th:text="${u.getEnrollmenttime()}"/>
            <p id="psd2"></p>
        </div>


        <script>
            var regexp1 =
                /([0-9]{3}[1-9]|[0-9]{2}[1-9][0-9]{1}|[0-9]{1}[1-9][0-9]{2}|[1-9][0-9]{3})-(((0[13578]|1[02])-(0[1-9]|[12][0-9]|3[01]))|((0[469]|11)-(0[1-9]|[12][0-9]|30))|(02-(0[1-9]|[1][0-9]|2[0-8])))/;
            var u1474_input = document.querySelector('.u1474_input');
            // var p = document.querySelector('p');
            u1474_input.onblur = function () {
                // alert('111')
                if (regexp1.test(this.value)) {
                    localStorage.setItem("boolean2", true);
                    document.getElementById('psd2').className = 'right';
                    document.getElementById('psd2').innerHTML = '';
                } else {
                    localStorage.setItem("boolean2", false);
                    document.getElementById('psd2').className = 'wrong';
                    document.getElementById('psd2').innerHTML = '入学格式输入不正确：：yyyy-MM-dd';
                }
            }
        </script>
        <!-- 城市输入框 (文本框(单行)) -->
        <div id="u1475" class="ax_default _默认样式" data-label="城市输入框">
            <div id="u1475_div" class=""></div>
            <input id="u1475_input" name="city" type="text" value="" class="u1475_input" maxlength="20"
                   th:text="${u.getCity()}"/>
        </div>
        <!-- 生日输入款 (文本框(单行)) -->
        <div id="u1476" class="ax_default _默认样式" data-label="生日输入款">
            <div id="u1476_div" class=""></div>
            <input id="u1476_input" name="birthday" type="text" value="" class="u1476_input" maxlength="20"
                   th:text="${u.getBirthday()}"/><span id="psd">&nbsp;</span>
        </div>

        <script>
            var regexp =
                /([0-9]{3}[1-9]|[0-9]{2}[1-9][0-9]{1}|[0-9]{1}[1-9][0-9]{2}|[1-9][0-9]{3})-(((0[13578]|1[02])-(0[1-9]|[12][0-9]|3[01]))|((0[469]|11)-(0[1-9]|[12][0-9]|30))|(02-(0[1-9]|[1][0-9]|2[0-8])))/;
            var u1476_input = document.querySelector('.u1476_input');
            // var p = document.querySelector('p');
            u1476_input.onblur = function () {
                // alert('111')
                if (regexp.test(this.value)) {
                    localStorage.setItem("boolean1", true);
                    document.getElementById('psd').className = 'right';
                    document.getElementById('psd').innerHTML = '';
                } else {
                    localStorage.setItem("boolean1", false);
                    document.getElementById('psd').className = 'wrong';
                    document.getElementById('psd').innerHTML = '生日格式输入不正确：yyyy-MM-dd';
                }
            }
        </script>
        <input id="ruserid" name="ruserid" style="display: none"></input>
    </form>
</div>
<script src="../static/resources/scripts/axure/ios.js"></script>
</body>
</html>
